<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,
     user-scalable=no"/>
    <title>护工列表</title>
</head>
<link rel="stylesheet" type="text/css" href="task12_2.css">

<body>
<header>

<div class="header">

       <div style="width: 37px"></div>

   <div class="switchover">

       <span class=" employer">找雇主</span><!--
    --><span class=" care">找护工</span>

   </div>

       <span class="place"></span>

</div>


<nav>

<div class="main">

    <div class="nav-main">
        <button class="nav-button">
            <span></span>
            <span class="location">所在地</span>
            <a class="box">
            <span class="trilateral"></span>
            </a>
        </button>
        <div class="nav-ul">
            <a href="#">海淀区</a>
            <a href="#">朝阳区</a>
            <a href="#">丰台区</a>

        </div>
    </div>

    <div class="nav-main">
        <button class="nav-button">
            <span></span>
            <span class="location">食宿</span>
            <a class="box">
                <span class="trilateral"></span>
            </a>
        </button>
        <div class="nav-ul">
            <a href="#">海淀区</a>
            <a href="#">朝阳区</a>
            <a href="#">丰台区</a>

        </div>
    </div>

    <div class="nav-main">
        <button class="nav-button">
            <span></span>
            <span class="location">病人情况</span>
            <a class="box">
                <span class="trilateral"></span>
            </a>
        </button>
        <div class="nav-ul">
            <a href="#">海淀区</a>
            <a href="#">朝阳区</a>
            <a href="#">丰台区</a>

        </div>
    </div>

</div>

</nav>
</header>
    <div class="double"></div>

    <div class="container">
        <div class="date-text">
            <span class="calendar"></span>
            <span class="serve">服务日期</span>
        </div>
        <div class="center">
            <span class="time">2015-7-5至2015-7-12</span>
            <div class="r-box">
            <span class="price">35元/小时</span>
            <span class="symbol"></span>
            </div>
        </div>
        <div class="bottom">
            <span class="place-t"></span>
            <span class="serve">北京.通州.果园</span>
        </div>
    </div>


<div class="container">
    <div class="date-text">
        <span class="calendar"></span>
        <span class="serve">服务日期</span>
    </div>
    <div class="center">
        <span class="time">2015-7-5至2015-7-12</span>
        <div class="r-box">
            <span class="price">35元/小时</span>
            <span class="symbol"></span>
        </div>
    </div>
    <div class="bottom">
        <span class="place-t"></span>
        <span class="serve">北京.通州.果园</span>
    </div>
</div>


<div class="container">
    <div class="date-text">
        <span class="calendar"></span>
        <span class="serve">服务日期</span>
    </div>
    <div class="center">
        <span class="time">2015-7-5至2015-7-12</span>
        <div class="r-box">
            <span class="price">35元/小时</span>
            <span class="symbol"></span>
        </div>
    </div>
    <div class="bottom">
        <span class="place-t"></span>
        <span class="serve">北京.通州.果园</span>
    </div>
</div>


<div class="container">
    <div class="date-text">
        <span class="calendar"></span>
        <span class="serve">服务日期</span>
    </div>
    <div class="center">
        <span class="time">2015-7-5至2015-7-12</span>
        <div class="r-box">
            <span class="price">35元/小时</span>
            <span class="symbol"></span>
        </div>
    </div>
    <div class="bottom">
        <span class="place-t"></span>
        <span class="serve">北京.通州.果园</span>
    </div>
</div>

<div class="container">
    <div class="date-text">
        <span class="calendar"></span>
        <span class="serve">服务日期</span>
    </div>
    <div class="center">
        <span class="time">2015-7-5至2015-7-12</span>
        <div class="r-box">
            <span class="price">35元/小时</span>
            <span class="symbol"></span>
        </div>
    </div>
    <div class="bottom">
        <span class="place-t"></span>
        <span class="serve">北京.通州.果园</span>
    </div>
</div>

<div class="container">
    <div class="date-text">
        <span class="calendar"></span>
        <span class="serve">服务日期</span>
    </div>
    <div class="center">
        <span class="time">2015-7-5至2015-7-12</span>
        <div class="r-box">
            <span class="price">35元/小时</span>
            <span class="symbol"></span>
        </div>
    </div>
    <div class="bottom">
        <span class="place-t"></span>
        <span class="serve">北京.通州.果园</span>
    </div>
</div>


<div class="container">
    <div class="date-text">
        <span class="calendar"></span>
        <span class="serve">服务日期</span>
    </div>
    <div class="center">
        <span class="time">2015-7-5至2015-7-12</span>
        <div class="r-box">
            <span class="price">35元/小时</span>
            <span class="symbol"></span>
        </div>
    </div>
    <div class="bottom">
        <span class="place-t"></span>
        <span class="serve">北京.通州.果园</span>
    </div>
</div>


<div class="container">
    <div class="date-text">
        <span class="calendar"></span>
        <span class="serve">服务日期</span>
    </div>
    <div class="center">
        <span class="time">2015-7-5至2015-7-12</span>
        <div class="r-box">
            <span class="price">35元/小时</span>
            <span class="symbol"></span>
        </div>
    </div>
    <div class="bottom">
        <span class="place-t"></span>
        <span class="serve">北京.通州.果园</span>
    </div>
</div>


<div style="padding-bottom: 10rem;"></div>






<footer>

    <div class="footer">

    <div class="left"><a href="#">
        <span class="house"></span>
        <p>首页</p></a>
    </div>

    <div class="note"><a style="display: inline-block;" href="#"> <div class="middle"></div></a></div>

    <div class="right"><a href="#">
        <span class="figure"></span>
        <p style="color: #999999;">我的</p></a>
    </div>


    </div>

</footer>





</body>
</html>